* { padding: 0; margin: 0; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

section { margin-bottom: 14.66667vw; }

footer { position: fixed; bottom: -0.5%; background-color: white; height: 14.66667vw; width: 100%; }

footer .foot { width: 93.33333vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

footer .foot a div p { font-size: 2.66667vw; text-align: center; color: black; }

footer .foot a div div { width: 9.33333vw; height: 9.33333vw; }

footer .foot a div div img { width: 100%; height: 100%; }

a { text-decoration: none; }

html { width: 100%; }

.head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20vw; }

.head .logo { width: 16.4vw; height: 16.4vw; }

.head .logo img { width: 100%; height: 100%; }

.head .search { border: 2px solid #ff9344; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 35.73333vw; height: 7.33333vw; overflow: hidden; }

.head .search input { width: 26.66667vw; height: 3.46667vw; font-size: 2.66667vw; border: 0px; outline: none; padding-left: 4vw; }

.head .search button { width: 5.33333vw; height: 5.33333vw; border: none; background-image: url(../img/index/header1.png); background-repeat: no-repeat; background-size: cover; background-color: white; outline: none; }

.head .select select { width: 21.33333vw; height: 8vw; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 4vw; border: 2px solid #ff9344; background-image: url(../img/index/header2.png); background-repeat: no-repeat; background-position: 90%; padding-left: 2vw; }

.head .select select option { font-size: 4vw; }

section { margin-bottom: 14.66667vw; }

section .banner { width: 100%; }

section .banner img { width: 100%; }

section .discounts { width: 94.66667vw; margin: 0 auto; }

section .discounts .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5.33333vw; }

section .discounts .top .top-lf { font-size: 4.66667vw; }

section .discounts .top .top-lf img { width: 8vw; height: 8vw; vertical-align: middle; }

section .discounts .top .top-rg { text-align: center; font-size: 3.6vw; }

section .discounts .top .top-rg img { width: 4vw; height: 4vw; vertical-align: middle; }

section .discounts .content { width: 83.6vw; height: 30.66667vw; margin: 1.73333vw auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

section .discounts .content img { width: 32vw; height: 12vw; }

section .discounts .goods .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3.33333vw; }

section .discounts .goods .box .box-lf { width: 28vw; height: 21.33333vw; }

section .discounts .goods .box .box-lf img { width: 100%; }

section .discounts .goods .box .box-rg { width: 66.66667vw; height: 21.33333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.66667vw; line-height: 5.33333vw; }

section .discounts .goods .box .box-rg p { font-size: 2.66667vw; color: #494949; }

section .discounts .goods .box .box-rg span { font-size: 3.33333vw; color: #ff9344; }

section .discounts .goods .box .box-rg h4 { font-size: 4vw; }
